<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>汪滔de简历</title>
    <meta name="description" content="我是一个充满活力、对前端由衷热爱、善于发现问题的前端工程师。我目前正在寻找前端工程师岗位，希望借此机会为贵司献上我的一点绵薄之力，快招我到碗里来吧！">
    <meta name="keywords" content="汪滔,前端,工作,简历">
    <link rel="shortcut icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="dist/css/style.min.css">
    <link rel="stylesheet" href="dist/css/fontello.min.css">
</head>

<body>
    <div class="container">
        <div class="sidebar">
            <div class="title">
                <img src="img/resume-head.png" data-action="zoom">
                <h1>汪滔的简历</h1>
                <h2>微米前端</h2>
            </div>
            <ul class="side-info">
                <li class="someRight">
                    <dt><i class="icon-bookmark"></i>Contact. 联系方式</dt>
                    <dd><i class="icon-phone-1"></i>电话: 18883182638</dd>
                    <dd><i class="icon-mail-alt"></i>邮箱: <a href="mailto:331871902@qq.com" target="_blank">331871902@qq.com</a></dd>
                    <dd><i class="icon-wechat"></i>微信: jxzzwangtao</dd>
                    <dd><i class="icon-qq"></i>QQ: <a href="javascript:;" target="_blank">331871902</a></dd>
                </li>
                <li class="someRight">
                    <dt><i class="icon-bookmark"></i>Application. 应聘岗位</dt>
                    <dd>前端工程师</dd>
                </li>
            </ul>
            <div class="note">
                <p>我是一个对前端和动漫由衷热爱、有趣的前端工程师。</p>
                <p>我目前正在寻找前端工程师岗位的工作机会。</p>
            </div>
        </div>
        <div class="main">
            <ul class="main-info">
                <!-- 右半部分基本信息 -->
                <li class="someRight">
                    <dt><i class="icon-bookmark"></i>Basic info. 基本信息</dt>
                    <dd><strong>个人信息:</strong> <span>汪滔 / 男</span></dd>
                    <dd><strong>毕业院校:</strong> <span>重庆工商大学</span></dd>
                    <dd><strong>工作年限:</strong> <span>一年</span></dd>
                    <dd><strong>常用ID:</strong> <span>微米前端</span></dd>
                    <dd><strong>博客:</strong> <a href="https://wtxiaomage.github.io/" target="_blank">https://wtxiaomage.github.io/</a></dd>
                    <dd><strong>GitHub:</strong> <a href="https://github.com/WTxiaomage" target="_blank">https://github.com/WTxiaomage</a>
                    </dd>
                </li>
                <!-- 项目与工作经验 -->
                <li>
                    <!-- 项目与工作经验 -->
                    <dt><i class="icon-bookmark"></i>Experience. 项目与工作经验</dt>
                    <!-- <h3><img src="https://diygod.b0.upaiyun.com/resume-deepin.png" data-action="zoom"><span>深之度科技有限公司（2015.7
                            - 2015.11）</span></h3>
                    <ul class="exp">
                        <li>
                            <div class="circle"></div>
                            <h4>深度商店项目</h4>
                            <p>负责 Linux deepin <a href="https://www.deepin.org/2015/12/18/deepin-store-v4-0-release-the-best-for-you/"
                                    target="_blank">深度商店V4.0</a> 的前端主要开发工作，项目采用 WebApp 的形式，运行在 Qt WebKit 上，与 deepin
                                操作系统深度整合，实现一键安装、更新和卸载软件</p>
                            <p>使用 AngularJS 框架 和 Sass 预处理器 来实现前端组件及数据交互，使用 webpack 构建</p>
                            <img src="https://diygod.b0.upaiyun.com/resume-dstore.png" data-action="zoom" width="250px">
                        </li>
                    </ul>
                    <h3><img src="https://diygod.b0.upaiyun.com/resume-dxy.png" data-action="zoom"><span>丁香园（2015.12 -
                            2017.5）</span></h3>
                    <ul class="exp">
                        <li>
                            <div class="circle"></div>
                            <h4>商业项目</h4>
                            <p>负责部分丁香园<a href="http://www.dxy.cn/college/" target="_blank">商业项目</a>的开发维护，商业项目作为丁香园最大的营收来源，为药企提供营销、数据服务和信息技术服务</p>
                            <p>商业项目使用 webpack 和 postcss 构建，兼容 IE8</p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>小游戏</h4>
                            <p>使用白鹭引擎封装的 WebGL 和 Canvas 制作丁香园游戏类活动页：中秋节吃月饼（活动结束，无法访问）、<a href="http://e.dxy.cn/omega3treasure/h5/tzdzz_game/"
                                    target="_blank">欧淬恩调脂大作战</a>（只能在微信访问） 等</p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>SIM 系统</h4>
                            <p>负责丁香园 <a href="https://sim.dxy.cn" target="_blank">SIM 系统</a>的部分功能优化，并完成将部分 Angular1
                                模块使用 Angular2 重构，SIM 是使用 AngularJS 开发的，一套基于微信企业号的企业内部管理系统，有找人、考勤管理、行政管理、财务管理等功能</p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>BSC 系统</h4>
                            <p>负责丁香园 BSC 系统的全部前端开发工作，BSC 系统是基于 Ant Design 使用 React
                                开发的一套企业内部绩效考核系统，有考核指标管理、审核、考核进度、评分等功能，满足公司考核员工每个季度工作的需求</p>
                        </li>
                    </ul> -->

                    <!-- 个人项目 -->
                    <h3>个人项目</h3>
                    <ul class="exp">
                        <li>
                            <div class="circle"></div>
                            <h4>
                                <span>travel 响应式网站</span>
                                <a href="https://github.com/WTxiaomage/travel" target="_blank"><i class="icon-link"></i>源代码</a>
                            </h4>
                            <p>基于响应式UI框架开发的响应式网站，一体三端呈现，主要运用技术Bootstrap，jQuery，less，其中动画及表单
                                验证等功能，运用插件WOW.js，jQueryUI，jQuery validate。
                            </p>
                            <p>看过栅格源码，具备自定义栅格系统的能力</p>
                        </li>

                    </ul>
                </li>
                <!-- 技能清单 -->
                <li>
                    <dt><i class="icon-bookmark"></i>Skill. 技能清单</dt>
                    <h3>前端</h3>
                    <ul class="exp">
                        <li>
                            <div class="circle"></div>
                            <h4>PS 切图</h4>
                            <p>在 UI 工程师弄不过来时，做过PS 切图</p>
                            <p>熟悉 Photoshop CC传统切图，自动化切图，倍图制作，适配移动端</p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>HTML / CSS</h4>
                            <p>能够编写语义化的 HTML，模块化的 CSS，完成较复杂的布局</p>
                            <p>熟悉 Less 等CSS预处理和模块化工具</p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>JavaScript</h4>
                            <p>熟悉原生 Javascript，能脱离 jQuery 等类库编码</p>
                            <p>能运用模块化、面向对象的方式编程</p>
                            <p>了解 Vue jQuery 的使用</p>
                        </li>
                        <li>
                            <div class="circle"></div>
                            <h4>其他</h4>
                            <p>熟悉 Webpack Gulp 等前端自动化工具</p>
                            <p>了解前端安全、性能优化方面的一些知识</p>
                            <p>熟悉Git GitHub 基本操作，协同开发</p>
                        </li>
                    </ul>
                    <!-- 其他特点 -->
                    <h3>其他属性</h3>
                    <ul class="exp">
                        <li>
                            <p><a href="https://github.com/WTxiaomage" target="_blank">GitHub</a> 热爱者，
                                喜欢在上面找一些源码来玩
                            </p>
                            <p><a href="https://juejin.im/user/5b81779f6fb9a019e4505210" target="_blank">掘金</a> 热爱者，
                                平时喜欢在掘金上面溜达
                            </p>
                            <p>时刻关注新技术，前端社区的发展，订阅齐舞周刊，FED的技术分享。
                            </p>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

</body>

</html>